<link href="../addons/jy_zhongyi/resource/css/appindex.css" rel="stylesheet">
<link href="../addons/jy_zhongyi/resource/css/appindex2.css" rel="stylesheet">
<style>
.row{margin:0}
.van-tab.active{
	color: #ee0a24;
	font-weight:bold;
}
.van-tab.active:before {
	position: absolute;
    left: 0;
    z-index: 1;
    width: 40px;
    height: 3px;
    background-color: #ee0a24;
	color: #ee0a24;
    border-radius: 3px;
}
</style>
<div class="fui-page order-create-page fui-page-current">
<div id="app">
  <div class="index">
    <div class="index-top-box d-flex flex-d-clumn index-top-box-search">
      <div class="van-search van-search--show-action" style="padding-top: 8px; padding-bottom: 4px">
        <div class="van-search__content van-search__content--square">
          <div  class="van-search__label">
            <div ng-click="pagedata.showarea=true" class="left d-flex j-t-center align-items-center">
              <span class="margin-r-10">{{pagedata.params.areatitle}}</span>
			  <i  class="van-icon" style="font-size: 10px">
			  <img src=""
                  class="van-icon__image"/>
			 </i>
            </div>
          </div>
          <div class="van-cell van-cell--borderless van-field" style="padding:0;padding-left:16px">
            <div class="van-field__left-icon" ng-click="access_json('jy_zhongyi/worker_list//keyword='+pagedata.params.keyword)">
              <i class="van-icon van-icon-search"><!----></i>
            </div>
            <div class="van-cell__value van-cell__value--alone van-field__value" >
              <div class="van-field__body" ng-click="pagedata.showsearch=true">
                <input type="search" placeholder="{{pagedata.params.keyword || '搜索关键词'}}" class="van-field__control"/>
              </div>
            </div>
          </div>
        </div>
        <div role="button" tabindex="0" class="van-search__action"></div>
      </div>
      <ul class="symptom">
        <li class="active font-w">全部症状</li>
		<li ng-repeat="value in pagedata.labels" href="javascript:" ng-click="access_json('jy_zhongyi/worker_list//keyword='+value.title+'&labelid='+value.id)">{{value.title}}</li>
      </ul>
    </div>
	<div style="padding:0.5rem;padding-bottom:0">
    <div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
			<div class="carousel-inner" role="listbox" style="border-radius:0.5rem;height:auto">
				<div ng-class="{'item':1, 'active':$index==0}" ng-repeat="nav in pagedata.pluginset.hdps">
					<a href="{{nav.url}}">
						<img ng-src="{{tomedia(nav.picurl) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
					</a>
				</div>
			</div>
			<style>
					.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
					.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
			</style>
			<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
				<div class="fui-swipe-bullet" ng-repeat="nav in pagedata.pluginset.hdps" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
			</div>
	</div>
	</div>
      <div  class="box border-radius12">
        <div  class="his-flex padding16 align-items-center">
          <span  class="font-size20 font-w">预约<span  class="color-C03E3E">门诊</span></span>
		  <span  class="color-666666 font-size12">好医·好药·好服务</span>
        </div>
        <ul class="outpatient-list padding16 d-flex" style="padding-top: 0px">
          <li class="flex-1 row" href="javascript:" ng-click="access_json('jy_zhongyi/store_list//')">
            <div class="font-size16 font-w line-h-24">
              医馆
            </div>
            <div  class="font-size12 color-666666 margin-t-4">
              根据位置找附近的医馆
            </div>
            <button>查看</button>
          </li>
          <li class="flex-1 row" href="javascript:" ng-click="access_json('jy_zhongyi/worker_list//')" style="margin-right: 10px;margin-left: 10px;">
            <div class="font-size16 font-w line-h-24">
              大夫
            </div>
            <div  class="font-size12 color-666666 margin-t-4">
              寻找适合自己的大夫
            </div>
            <button>查看</button>
          </li>
          <li class="flex-1 row" href="javascript:" ng-click="access_json('jy_zhongyi/worker_list//order=tomday')">
            <div class="font-size16 font-w line-h-24">
              今明门诊
            </div>
            <div class="font-size12 color-666666 margin-t-4">
              今明两天出门诊大夫
            </div>
            <button>查看</button>
          </li>
        </ul>
      </div>
      <div class="box border-radius12" style="">
        <div class="his-flex padding16 align-items-center">
          <span class="font-size20 font-w">{{pagedata.pluginset.name}}<span  class="color-C03E3E">专科</span></span>
		  <span class="color-666666 font-size12">专为守护您的健康</span>
        </div>
        <ul class="junior-list padding16 row" style="padding-top: 0px; padding-bottom: 8px">
          <li ng-repeat="l in pagedata.zhuanke" ng-click="access_json('jy_zhongyi/zhuanke_item//id='+l.id)" class="d-flex align-items-center padding-l-16">
            <img ng-src="{{tomedia(l.image)||'../core/resource/images/nopic.jpg'}}"/>
			<span>{{l.title}}</span>
          </li>
        </ul>
      </div>
      <div class="box border-radius12">
        <ul class="online-list row">
          <li>
            <div class="font-w font-size16 line-h-24 his-flex align-items-center">
              <span >在线复诊</span>
            </div>
            <div class="font-size12 color-999999 line-h-20 margin-t-4">
              在线咨询、复诊调药
            </div>
          </li>
          <li href="javascript:" ng-click="access_json('jy_kefu/home//')">
            <div class="font-w font-size16 line-h-24 his-flex align-items-center">
              <span>快速咨询</span>
            </div>
            <div class="font-size12 color-999999 line-h-20 margin-t-4">
              快速咨询、大夫解答
            </div>
            <em class=""></em>
          </li>
          <li href="javascript:" ng-click="access_json('jy_zhongyi/zhibo//')">
            <div class="font-w font-size16 line-h-24 his-flex">
              <span>直播讲座</span>
			  <span class="online-list-tips" style="">今日开讲</span>
            </div>
            <div class="font-size12 color-999999 line-h-20 margin-t-4">
              明医在线直播讲座
            </div>
          </li>
          <li>
            <div class="font-w font-size16 line-h-24 his-flex align-items-center" href="javascript:" ng-click="access_json('jy_weishop/goods.index//')">
              <span>超值套餐</span>
            </div>
            <div class="font-size12 color-999999 line-h-20 margin-t-4">
              购买套餐看诊更优惠
            </div>
          </li>
        </ul>
      </div>
      <div  class="box border-radius12 padding4" href="javascript:" ng-click="access_json('jy_kefu/home//')">
        <div role="button"  tabindex="0" class="van-cell van-cell--clickable" >
          <i class="van-icon van-cell__left-icon">
		  <img src=""
              class="van-icon__image"/><!---->
		   </i>
          <div  class="van-cell__title font-w">
            <span >不知道选哪位大夫？直接问导医</span>
          </div>
          <i class="van-icon van-icon-arrow van-cell__right-icon"><!---->
		  </i>
        </div>
      </div>
      <div class="box border-radius12 padding4 padding-t-0 padding-b-0 index-tabs">
        <div  style="width: 100%; height: 5px"></div>
        <div  class="van-tabs van-tabs--line">
          <div>
            <div class="van-sticky">
              <div class="van-tabs__wrap">
                <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
                  <div ng-click="pagedata.listtype=0;tool.get_list('jy_zhongyi/index/getgoods/',true);" ng-class="{'van-tab':1, 'active':pagedata.listtype==0}" style="font-size: 16px">
                    <span class="van-tab__text van-tab__text--ellipsis">推荐</span>
                  </div>
                  <div ng-click="pagedata.listtype=1;tool.get_list('jy_zhongyi/video/getlist/',true);" ng-class="{'van-tab':1, 'active':pagedata.listtype>0}" style="font-size: 16px">
                    <span class="van-tab__text van-tab__text--ellipsis">科普</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="van-tabs__content">
            <div role="tabpanel" class="van-tab__pane" style="">
              <div ng-if="pagedata.listtype==0" role="feed" class="van-list">
                <ul class="recommend row">
                  <li ng-repeat="item in pagedata.list" class="row" href="javascript:" ng-click="access_json('jy_zhongyi/goods_item//id='+item.id)">
                    <div>
                      <img ng-src="{{tomedia(item.image)||'../core/resource/images/nopic.jpg'}}"/>
                    </div>
                    <p class="margin-12 font-size14 font-w line-h-24 van-ellipsis" style="margin-bottom: 0px; width: 100%">
                      {{item.title}}
                    </p>
                    <p class="color-C03E3E margin-12" style="margin-top: 2px">
                      <span class="font-size12">￥</span>{{item.price}}
                    </p>
                  </li>
                </ul>
                <div class="van-list__finished-text">- 我也是有底线的 -</div>
                <div class="van-list__placeholder"></div>
              </div>
              <div ng-if="pagedata.listtype>0" class="science-popular-title">
                <ul data-v-7285f4e0 class="science-popular-ul d-flex">
                  <li data-v-7285f4e0 ng-click="pagedata.listtype=1;tool.get_list('jy_zhongyi/video/getlist/',true);" ng-class="{'active':pagedata.listtype==1}">案例分享</li>
                  <li data-v-7285f4e0 ng-click="pagedata.listtype=2;tool.get_list('core/article.list/list/',true);" ng-class="{'active':pagedata.listtype==2}">资讯</li>
                </ul>
              </div>
              <div ng-if="pagedata.listtype>0" role="feed" class="van-list">
				<ul class="consult">
					<li ng-repeat="item in pagedata.list" class=" d-flex" href="javascript:" ng-click="access_json(item.url)">
					<div class="left flex-1 row">
					<p class=" font-w font-size16 line-h-24" style="width: 100%;"> 
					{{item.title}}
					</p>
					<p class=" font-size12 color-999999 align-self-end"> {{item.title}}</p>
					</div>
					<div class="img">
					<img ng-src="{{tomedia(item.picurl)||'../core/resource/images/nopic.jpg'}}">
					</div>
					</li>
				</ul>
				<div class="van-list__finished-text">- 我也是有底线的 -</div>
                <div class="van-list__placeholder"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
	  <div ng-if="pagedata.showarea" ng-include="sys_html('common/_area')"></div>
	  <div ng-if="pagedata.showsearch" ng-include="sys_html('common/_search')"></div>
  </div>
</div>
</div>
<script type="text/javascript">
scope.pagedata.post={'sendtype':2}
scope.pagedata.listtype=0;
scope.tool.get_list('jy_zhongyi/index/getgoods/',true);
scope.pagedata.scroll_bottom=function(){
	if(scope.pagedata.listtype==0){
		scope.tool.get_list('jy_zhongyi/index/getgoods/');
	}
	if(scope.pagedata.listtype==1){
		scope.tool.get_list('jy_zhongyi/video/getlist/');
	}
	if(scope.pagedata.listtype==2){
		scope.tool.get_list('core/article.list/list/');
	}
}
scope.get('jy_zhongyi/index/getzhuanke/',function(res){
	scope.pagedata.zhuanke=res.list
	scope.$evalAsync();
});
</script>
<script>
	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	});
</script>
<div ng-include="sys_html('common/pluginnav',true)"></div>